{$head_meta}
<title>{$action} | {$Think.config.title}</title>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<!-- BEGIN HEADER -->
	<div class="header navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!-- BEGIN LOGO -->
				<a class="brand" href="{:U('Admin/Index/index')}"> <img
					src="__PUBLIC__/admin/assets/img/logo.png" alt="logo" />
				</a>
				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a href="javascript:;" class="btn-navbar collapsed"
					data-toggle="collapse" data-target=".nav-collapse"> <img
					src="__PUBLIC__/admin/assets/img/menu-toggler.png" alt="" />
				</a>
				<!-- END RESPONSIVE MENU TOGGLER -->
				<!-- BEGIN TOP NAVIGATION MENU -->
				<ul class="nav pull-right">
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown user"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> <img alt=""
							src="__PUBLIC__/admin/assets/img/avatar1_small.jpg" /> <span
							class="username">{$username}</span> <i class="icon-angle-down"></i>
					</a>
						<ul class="dropdown-menu">
							<li><a href="{:U('Admin/Index/index')}"><i
									class="icon-user"></i>个人信息</a></li>
							<li class="divider"></li>
							<li><a href="{:U('Admin/Login/index')}"><i
									class="icon-key"></i>退出</a></li>
						</ul></li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
				<!-- END TOP NAVIGATION MENU -->
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div class="page-container row-fluid">
		<!-- BEGIN SIDEBAR -->
		<div class="page-sidebar nav-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="page-sidebar-menu">
				<li>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler hidden-phone"></div> <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				</li> {$menu}
			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div class="page-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							{$action}<small>&nbsp;&nbsp;{$Think.config.title}</small>
						</h3>
						<ul class="breadcrumb">
							<li><a href="{$module_url}">{$module}</a> <i
								class="icon-angle-right"></i></li>
							<li><a href="{$action_url}">{$action}</a></li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid profile">
					<div class="span12">
						<!--BEGIN TABS-->
						<div class="tabbable tabbable-custom tabbable-full-width">
							<div class="tab-content">
								<div class="tab-pane row-fluid active" id="tab_1_1">

									<div class="span9">






										<div class="portlet box light-grey">
											<div class="portlet-title">
												<div class="caption">
													<i class="icon-globe"></i>{$action}
												</div>
											</div>
											<div class="portlet-body">
												<form method="post">
													<table
														class="table table-striped table-bordered table-hover">

														<thead>
															<tr>
																<th style="width: 8px;">选择
																
																
																</th>
																<th class="hidden-240">名称</th>
																<th class="hidden-480">路径</th>
																<th class="">缓存大小</th>
															</tr>
														</thead>
														<tbody id="cache_table">
															<volist name="caches" id="cache" key="k">
															<tr>
																<td width="30" align="center"><input
																	class='groupclass' type="checkbox" name="cache[]"
																	value="{$key}" /></td>
																<td>{$cache.name}</td>
																<td>({$cache.path})</td>
																<td>{$cache.size}</td>
															</tr>
															</volist>

														</tbody>
														<tfoot>
															<tr>
																<th></th>
																<th></th>
																	<th></th>
																<th></th>
															</tr>
														</tfoot>

													</table>


													<div class="form-actions" style="text-align: center">
														<div class="span4">
															<button type="submit" class="btn green">
																<i class="m-icon-swapright m-icon-white"></i>开始清理
															</button>
														</div>

														<div class="span2">
															<button type="button" class="btn" id="checkall">全选</button>
														</div>
														<div class="span2">
															<button type="button" class="btn red" id="check_cancel">取消</button>
														</div>
														<div class="span2">
															<button type="button" class="btn blue" id="check_reverse">反选</button>
														</div>
													</div>

												</form>


											</div>

										</div>
										<!--end span9-->
									</div>
									<!--end tab-pane-->
								</div>
							</div>
							<!--END TABS-->
						</div>
					</div>
					<!-- END PAGE CONTENT-->
				</div>
				<!-- END PAGE CONTAINER-->
			</div>
			<!-- END PAGE -->
		</div>
		<!-- END CONTAINER -->
		{$footer} {$foot_js}
		<script>
		
		jQuery(document).ready(function() {       
		
			$("#cache_table :checkbox").attr("checked", true);
			   App.init();
			  TableManaged.init();
			   
			  $("#checkall").click(function() { //":checked"匹配所有的复选框
					$("#cache_table :checkbox").attr("checked", true); //"#div1 :checked"之间必须有空格checked是设置选中状态。如果为true则是选中fo否则false为不选中
					$("span").addClass("checked"); 
				});
				$("#check_cancel").click(function() {
					$("#cache_table :checkbox").attr("checked", false);
					$("span").removeClass("checked"); 
				});
				//理解用迭代原理each（function(){}）
				$("#check_reverse").click(function() {
					$("#cache_table :checkbox").each(function() {
					
						$(this).attr("checked", !$(this).attr("checked")); 
						$(this).parentsUntil('div').toggleClass("checked");
						
						
						//!$(this).attr("checked")判断复选框的状态：如果选中则取反
					});
				});
			
				
		});
			//			

		</script>
	
</body>
<!-- END BODY -->
</html>